<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link type="text/css" rel="stylesheet" href="../../../c/base/base.css" />
<link type="text/css" rel="stylesheet" href="../c/style.css" />
</head>

<body>

<div id="toolbar">
	<div id="toolbarMid">
		<div id="toolbarInt">
			<div id="quickLaunch">
				<ul>
					<li><a href="#"><span>应用1</span></a></li>
					<li><a href="#"><span>应用2</span></a></li>
					<li><a href="#"><span>应用3</span></a></li>
					<li><a href="#"><span>应用4</span></a></li>
				</ul>
			</div>
			<div id="notification">
				<ul>
					<li><a href="#"><span>在线好友<em>(18)</em></span></a></li>
					<li><a href="#"><span>通知<em>(10)</em></span></a></li>
					<li><a href="#"><span>我在线</span></a></li>
					<li><a href="#"><span>应用4</span></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<div id="mask" class="maskLayer" style="display:none;"><iframe></iframe></div>

<div id="dialog" class="dialog" style="display:none;">
	<div class="decor">
		<span class="tl"></span>
		<span class="tr"></span>
		<span class="br"></span>
		<span class="bl"></span>
	</div>
	<div class="content">
		<div class="head">
			<h4>对话框</h4>
			<div class="option"><a href="#" class="icon i-close" onclick="dialog.hide();return false;">关闭</a></div>
		</div>
		<div class="body">
			你确定要永久地删除 XXX 么？
		</div>
		<div class="foot">
			<button class="submit" type="button" title="确定">确定</button>
			<button class="button" type="button" title="取消">取消</button>
		</div>
	</div>
</div>

<!--[if lte IE 6]>
<div id="scrollWrap">
<![endif]-->

<div id="navbar">
	<div id="navbarMid">
		<div id="navbarInt">
			<div id="navbarLogo">
				<h1>
					<span>搜狐SNS</span>
					<a href="#"><img src="../../../c/base/i/logo.jpg" style="width:120px;height:40px;" /></a>
				</h1>
			</div>
			<div id="navbarMain">
				<ul>
					<li id="navbar-home"><a href="#"><span>首页</span></a></li>
					<li id="navbar-profile"><a href="#"><span>个人主页</span></a></li>
					<li id="navbar-friend"><a href="#"><span>好友</span></a></li>
					<li id="navbar-inbox"><a href="#"><span>收件箱</span></a></li>
				</ul>
			</div>
			<div id="navbarExtra">
				<ul>
					<li><a href="#"><span>设置</span></a></li>
					<li><a href="#"><span>隐私</span></a></li>
					<li><a href="#"><span>退出</span></a></li>
				</ul>
			</div>
			<div id="navbarDrop"></div>
		</div>
	</div>
</div>

<div id="dropWrap">

	<!-- =====================================
		放相对root绝对定位的浮动控件。
	======================================= -->

</div>

<div id="page">
	<div id="pageMid">
		<div id="pageInt">

			<div id="pageHd">
				<div id="pageHdInt">
				
	<!-- =====================================
		每个页面的通用头，可以放广告、推广等信息。
	======================================= -->
				
				</div>
			</div>
			
			<div id="pageBd">
				<div id="pageBdInt">
				
					<!-- Page Body Start -->
					<div id="pageLay" class="pageLay-la-c">
					
						<div id="appList">
							<ul>
								<li>日志</li>
								<li>相册</li>
								<li>今日运程</li>
								<li>我爱老板</li>
								<li>糗事百科</li>
							</ul>
						</div>
						
						<div id="appCanvas" class="canvas">
							<div id="appCanvasInt">

	<!-- =====================================
		App画布区域。
		
		注意这层的div的id与class命名：
			1. 系统页面： page-name
			2. 系统App： app-name
			3. 开放App： app-id
	======================================= -->

							</div>
						</div>
						
						<div id="appAd">
							<div style="background:#fff;padding:20px;border:1px dashed #f60;">广告区域</div>
						</div>
						
					</div>
					<!-- Page Body End -->
				
				</div>
			</div>
			
			<div id="pageFt">
				<div id="pageFtInt">
					<div class="decor">
						<span class="tl"></span>
						<span class="tr"></span>
						<span class="br"></span>
						<span class="bl"></span>
					</div>
					<div class="content">
						<div class="powered"><a href="http://blog.sohu.com" target="_blank" title="搜狐博客提供技术支持"><img src="http://js1.pp.sohu.com.cn/ppp/blog/styles_ppp/images/logo_powered.gif" alt="搜狐博客提供技术支持" /></a></div>
						<div class="contact"><a href="http://q.sohu.com/forum/21" target="_blank">客服留言板</a> | <a href="http://sohucallcenter.blog.sohu.com/" target="_blank">客服博客</a> | <a href="mailto:sohublog@sohu-inc.com">客服邮箱</a> | 24小时客服热线:010-58511234(人工8:00-24:00) | <a href="http://me.sohu.com/online_service.jsp?pid=5" target="_blank">在线客服<img src="http://js1.pp.sohu.com.cn/ppp/blog/styles_ppp/images/ico_onlineservice.gif" alt="在线客服" /></a></div>
						<div class="copyright">Copyright &copy; 2008 Sohu.com Inc. All rights reserved. 搜狐公司 版权所有 </div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>

<!--[if IE 6]>
</div>
<![endif]-->

<!--[if IE 6]>
<script type="text/javascript">
function resizeWindow() {
	var toolbar = document.getElementById('toolbarExt');
	if (toolbar) toolbar.style.bottom = document.body.clientWidth>980?0:'16px';
}
function addEvent (obj, type, fn) {
	if (obj.addEventListener) {
		obj.addEventListener(type, fn, false);
	} else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent("on"+type, obj[type+fn]);
	}
}
window.addEvent(window, 'load', resizeWindow);
window.addEvent(window, 'resize', resizeWindow);
</script>
<![endif]-->
</body>
</html>
